.navigationSteps {
  padding-top: 0 !important;
  border: 1px solid var(--bd-a50);
  border-radius: 30px;
  :global {
    div.ant-steps-item {
      padding: 8px 0;
      &::before {
        content: none !important;
      }
      &::after {
        top: 70% !important;
        border-bottom: 0;
        border-left: 0;
        transform: scaleX(1.3) rotate(45deg) !important;
      }
      div.ant-steps-item-container {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0 !important;
      }
    }
    div.ant-steps-item-icon {
      width: 23px;
      height: 23px;
      line-height: 22px;
      div.ant-steps-icon {
        font: 12px;
      }
    }
    div.ant-steps-item-content {
      div.ant-steps-item-title {
        font-size: 15px;
      }
    }
    .ant-steps-item-active {
      .ant-steps-item-icon {
        background-color: var(--ant-primaryColor);
        border-color: var(--ant-primaryColor);
        .ant-steps-icon {
          color: var(--font-active);
        }
      }
    }
  }
}

.modalStyle {
  :global {
    .ant-modal-content {
      border-radius: 6px;
      span.ant-modal-close-x {
        width: 45px;
        height: 45px;
        line-height: 45px;
      }
    }
    div.ant-modal-header {
      padding: 15px 24px 8px 24px;
      border: none;
      border-bottom: none;
    }
    div.ant-modal-body {
      div.ant-spin-nested-loading {
        height: 100%;
        div.ant-spin-container {
          height: 100%;
        }
      }
      .ant-form {
        .ant-form-item-control-input {
          input.ant-input {
            border-radius: 5px;
            &:focus {
              box-shadow: none;
            }
            &:hover {
              box-shadow: none;
            }
          }
          button.ant-btn-primary:not([disabled]) {
            width: 80px;
            border-radius: 5px;
            span {
              font-size: 12px;
            }
          }
          button.ant-btn-primary[disabled] {
            width: 80px;
            border-radius: 5px;
            span {
              font-size: 12px;
            }
          }
          textarea.ant-input {
            height: 140px;
            border-radius: 5px;
            resize: none;
            &:focus {
              box-shadow: none;
            }
          }
          .ant-select.ant-select-single.ant-select-show-arrow {
            div.ant-select-selector {
              border-radius: 6px;
              box-shadow: none;
              &:focus {
                box-shadow: none;
              }
            }
          }
        }
      }
    }
  }
}
.modelFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: right;
  :global {
    button.ant-btn:not(.ant-btn-primary) {
      width: 80px;
      border-radius: 5px;
      span {
        font-size: 12px;
      }
    }
    button.ant-btn.ant-btn-primary {
      width: 80px;
      margin-left: 16px;
      border-radius: 5px;
      span {
        font-size: 12px;
      }
    }
  }
}
